<div class="w-full px-4 pb-4 lg:pb-8">
  <%= link_to "https://www.portainer.io/solutions/canine", class: "hover:opacity-90 transition-opacity", target: "_blank" do %>
    <div class="bg-gradient-to-r from-purple-900/20 to-purple-800/20 backdrop-blur-sm border border-purple-500/30 rounded-lg p-4">
      <div class="flex items-center justify-between">
        <div class="flex-1">
          <h3 class="font-light text-purple-300">
            Announcing our partnership with <span class="text-purple-400 font-normal">Portainer</span>, the leading container management platform.
          </h3>
        </div>
        <div class="ml-4">
          <svg class="w-4 h-4 text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
          </svg>
        </div>
      </div>
    </div>
  <% end %>
</div>
